@import './../../lib/reset.scss';


.header {
  width: 100%;
  height: 1.6rem;
  background: url('/images/chuxing/banner@2x.png') no-repeat center center;
  background-size: 100% 1.6rem;
  padding-top: 0.25rem;

  .heboxto {
    width: 0.45rem;
    height: 0.15rem;
    // background-color: red;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.275rem;
    
    
    span {
      font-size:0.13rem;
      // font-family:PingFang SC;
      // font-weight:400;
      color:rgba(255,255,255,1);
      
    }
  }

  .sou {
    margin-left: 0.22rem;
    margin-top: 0.07rem;
    width: 2.2rem;
    height: 0.24rem;
    background: url("/images/搜索放大镜@2x.png") no-repeat 10px center;
    background-size: 0.15rem;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 0.15rem;
    padding-left: 0.325rem;

  }

  .wenan {
    margin-top: 0.1rem;
    margin-left: 0.28rem;
    font-size:0.14rem;
    font-family:PingFang SC;
    letter-spacing: 0.01rem;
    // font-weight:bold;
    color:rgba(255,255,255,1);
  }

  .biaoqian {
    width: 1.19rem;
    height: 0.135rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.1rem;
    margin-left: 0.28rem;
    margin-top: 0.08rem;

    span {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      color: #333333;
    }

    span:nth-child(1) {
      background-color: #fff;
      width: 0.295rem;
    }
    span:nth-child(2) {
      background-color: #fff;
      width: 0.295rem;
    }
    span:nth-child(3) {
      background-color: #fff;
      width: 0.5rem;
    }

  }

  .chuang {
    width: 1.36rem;
    height: 0.185rem;
    background: url('/images/chuxing/圆角矩形\ 14@2x.png') no-repeat center center;
    background-size: 1.36rem 0.185rem;
    margin-left: 0.28rem;
    margin-top: 0.07rem;
    font-size:0.12rem;
    font-family:PingFang SC;
    color:rgba(255,255,255,1);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  input::-webkit-input-placeholder{   
    /* WebKit browsers */   
       color: rgba(255, 255, 255, 0.8);   
   }   
   input:-moz-placeholder{   
   /* Mozilla Firefox 4 to 18 */   
       color: #fff;   
   }   
   input::-moz-placeholder {   
    /* Mozilla Firefox 19+ */   
       color: #fff;   
   }   
   input:-ms-input-placeholder {   
    /* Internet Explorer 10+ */   
       color: #fff;   
   }
  
}

.tu {
  width: 100%;
  height: 1.265rem;
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    width: 3.55rem;
    height: 0.875rem;
  }
}

.fenlei {
 height: 0.855rem;
 width: 100%;
 background-color: #f4f4f4;
 display: flex;
 justify-content: space-between;
 div {
   width: 0.75rem;
   height: 0.855rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   padding-top: 0.2rem;
   padding-bottom: 0.155rem;
   box-sizing: border-box;

   img {
     width: 0.26rem;
     height: 0.26rem;
   }
   span {
     width: 0.555rem;
     height: 0.155rem;
      font-size:0.12rem;
      font-family:PingFang SC;
      font-weight:400;
      color:#333333;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 14px;
   }
   
   .you {
     background-color: #3cd578;
     color: #f5fcf8;
   }
 }
}

.lie {
  padding: 0 0.15rem;
  li{
    height: 2.015rem;
    background-color: palevioletred;
    padding-top: 0.17rem;
    box-sizing: border-box;
    border-radius: 0.085rem;
    .jingtu {
      position: relative;
      img {
        width: 100%;
        height: 1.15rem;
      }
      .imgzi {
        width: 0.965rem;
        height: 0.285rem;
        position: absolute;
        bottom: 0;
        left: -0.01rem;
        background-color: peru;
        background: url('/images/chuxing/圆角矩形\ 14@2x\(1\).png');
        background-size: 0.965rem 0.285rem;
        color: rgba(255, 255, 255, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.12rem;
        letter-spacing: 0.01rem;
      }
    }

    .jingjie {
      width: 100%;
      height: 0.7rem;
      // background-color: green;
      padding:0 0.06rem;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      box-shadow:0 3px 3px 3px #eeeeee;
      
      .title {
        white-space: nowrap; 
        width: 100%; 
        overflow: hidden;
        text-overflow:ellipsis;
        font-size:0.12rem;
        color:rgba(102,102,102,1);
        
      }
      .address, .timer {
        font-size:0.11rem;
        color:rgba(102,102,102,1);
      }

      .timer {
        display: flex;
        justify-content: space-between;
        .box {
          span:nth-child(2),span:nth-child(4){
            font-size: 0.12rem;
          }
          span:nth-child(1),span:nth-child(3){
            img {
              width: 0.125rem;
              height: 0.105rem;
            }
          }
        }
      }
    }
   
  }
}